*{
  padding:0;
  margin:0;
  font-size:12px;

  ul li{
    list-style: none;
  }
  a{
    text-decoration:none;
    color:#666;
  }
}

header{
  width:1100px;
  margin:0 auto;
  height:80px;
  img{
    padding:15px 0;
  }
}
#content{
  width:100%;
  height:600px;
  background:url("/images/login/banner.jpg");
  font-family:"Microsoft YaHei";
  #login{
    width:1100px;
    margin:0 auto;
    .login-form{
      margin-top:120px;
      float:right;
      width:300px;
      height:320px;
      background:rgba(255,255,255,0.5);
      padding:19px 25px;
      .login-tabs{
        margin-bottom:40px;
        a{
          display:inline-block;
          width:147px;
          text-align:center;
          font-size:20px;
          color:#999;
          &.active{
            color:#e03e3e;
            font-weight:bold;
          }
          &.login-tab-l{
            border-right:1px solid #fff;
          }
        }
      }

      .tabs-page{
        display:none;
      }
      .account{
        display:block;
        form{
          .login-txt{
            margin:10px 0;
            border:1px solid #ddd;
            overflow:hidden;
            height:38px;
            background:#fff;
            label{
              width:38px;
              height:38px;
              background:#ddd;
              text-align:center;
              display:inline-block;
              svg{
                width:25px;
                height:25px;
                margin-top:7px;
              }
            }
            input{
              height:38px;
              border:none;
              outline:none;
              vertical-align:top;
              text-indent:5px;
            }
          }
          .auto-login{
            margin-bottom:15px;
            color:#666;
            input{
              vertical-align:-2px;
              margin-right:9px;
            }
          }
          button{
            width:100%;
            height:40px;
            line-height:40px;
            text-align:center;
            background:#e03d3e;
            color:#fff;
            font-size:16px;
            border:none;
            outline:none;
          }

        }
        .links-text{
          float:right;
          margin:10px 0 20px;
          .forger-fw{
            color:#e03d3e;
          }
        }
        .links-icon{
          clear:both;
          li{
            float:left;
            margin:0 10px;

            svg{
              width:25px;
              height:25px;
            }
            p{
              text-align:center;
            }
          }
        }
      }
      .code{
        text-align:center;
        .pic{
          width:160px;
          height:160px;
          position:relative;
          margin:20px auto;
          img{
            width:160px;
            height:160px;
          }
          .imgbg{
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:rgba(0,0,0,0.5);
            z-index:10;
            color:#fff;
            display:none;
            p{
              margin:55px 0 13px;
            }
            a{
              display:inline-block;
              width:60px;
              height:30px;
              text-align:center;
              line-height:30px;
              background:#e43c3b;
              color:#fff;
              border-radius:4px;
            }
          }
        }
        .text{
          margin-top:40px;
          color:#333;
          a{
            color:#e43c3b;
          }
          span{
            display:inline-block;
            border-left:1px solid #333;
            margin-left:5px;
            padding-left:6px;
          }
        }

      }

    }
  }
}

footer{
  width:1100px;
  margin:30px auto;
  height: auto;
  text-align: center;
  font-family:"Microsoft YaHei";
  color:#666;
  .foot-link{
    padding-top: 15px;
    color:#666666;
    font:{
      size:14px;
    }
    a{
      padding-right: 5px;
    }

  }
  .copyright{
    margin:10px;
  }
}
